<!--
 * @author: 十一
 * @since: 2024-06-17
 * Footer.vue
 * @desc: new page
-->
<template>
  <el-footer
    style="background: #f8fafe"
    class="flex items-center justify-center footer"
    
  >
    <span class="mr-5 cursor-pointer">
      <el-text class="mx-1"  @click="handleClick">自由极客</el-text>
    </span>
    <span class="mr-5 cursor-pointer"
      ><el-text class="mx-1">投稿邮箱：free_geek@163.com</el-text></span
    >
    <el-link
      href="https://beian.miit.gov.cn/#/Integrated/index"
      target="_blank"
      class="text-sm"
      type="info"
      :underline="false"
    >
      鄂ICP备 20003137号-1</el-link
    >
  </el-footer>
</template>

<script lang="ts" setup>
import { useRouter } from "#app";
const router = useRouter();
const handleClick = () => {
  router.push("/");
};
</script>

<style lang="scss" scoped>
.footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
}
</style>
